{% extends "base.html" %}

{% load forms %}

{% block title %}Register for CodeShare{% endblock %}

{% block header %}
    <link href="{{settings.MEDIA_URL}}css/forms.css" type="text/css" rel="stylesheet" />
    <link href="{{settings.MEDIA_URL}}css/accounts/register.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="{{settings.MEDIA_URL}}js/accounts/register.js"></script>
{% endblock %}

{% block content %}
    <form action="{% url account:register %}" method="post" id="register-form">
        {% csrf_token %}
        <fieldset id="user-info">
            <legend>Basic Information</legend>
            {% display_form user_form %}

        </fieldset>
        
        <fieldset id="profile-info">
            <legend>Extra Information (optional)</legend>
            {% display_form profile_form %}

            </fieldset>
        <button type="submit" class="submit-button">
            Register for CodeShare
        </button>
    </form>
{% endblock %}